#father{
    width: 310px;
    height: 310px;
    border: 1px solid red;
}
a{
    width: 100px;
    height: 100px;
    display: inline-block;
    background: #f700ff;
    position: relative;
    top:5px;
    line-height: 100px;
    text-align: center;
    color: white;
    text-decoration: none;
}
a:hover{
    background: blue;
}
a:nth-of-type(1){
    position: relative;
    left: 5px;
}
a:nth-of-type(2){
    position: relative;
    left: 100px;
}
a:nth-of-type(3){
     position: relative;
     right: 205px;
    top: 205px;
 }
a:nth-of-type(4){
    position: relative;
    left: 205px;
    top:105px;
}